<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <base href="index.css">
    <link rel="stylesheet" href="index.css">
    <style>
        /* .box{
            font-size:20px;
            color: blue;
        } */
    </style>
</head>

<body>
    <font color="red" size="10">
        <h2>script</h2>
    </font>
    <script>document.write("hello world")</script>
    <font color="red" size="10">
        <h2>class</h2>
    </font>
    <div class="box">
        <p><b>123456</b></p>
        <p><b>12345</b></p>
        <p><b>1234</b></p>
        <p><b>1234567</b></p>
        <p><b>12</b></p>
    </div>
    <font color="red" size="10">
        <h2>Table</h2>
    </font>
    <table border="10">
        <!--TableHead -->
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
        <!--TableRoll -->
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
            <td>row 1, cell 3</td>
        </tr>
        <!--TableRoll -->
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
            <td>row 2, cell 3</td>
        </tr>
    </table>
    <font color="red" size="10">
        <h2>Line</h2>
    </font>
    <!--OrderLine-->
    <ol>
        <li>123</li>
        <li>456</li>
        <li>789</li>
    </ol>
    <!--UnorderLine-->
    <ul>
        <li>123</li>
        <li>456</li>
        <li>789</li>
    </ul>
    <font color="red" size="10">
        <h2>Form</h2>
    </font>
    <form action="">
        用户名 <input type="text" name="user">
        密码 <input type="password" name="password">
        <input type="submit">
    </form><br><br> 
    <form action="">
        <input type="radio" name="sex" value="male">男 <br>
        <input type="radio" name="sex" value="female">女 <br>
        ------------------------------------------------------ <br>
        <input type="checkbox" name="fruit" value="banana">香蕉 <br>
        <input type="checkbox" name="fruit" value="apple">苹果 <br>
        ------------------------------------------------------ <br>
    </form>
    <form action="">
        <input type="number" name="number" id="id">
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <!-- <button>提交</button> -->
        <input type="text" value="default">
        <input type="sumbit">sumbit
        <input type="reset">reset
        <input type="button">button
    </form>
    <form action="">
        <select name="fruit" id="a">
            <option value="1">apple</option>
            <option value="2">banana</option>
            <option value="3">peach</option>
            <option value="4">orange</option>
        </select>
    </form>
    <button><input type="submit" name="" id=""></button>
    <table border="2">
        <caption>数字</caption>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>
</body>

</html>